<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>REDJS-一个有洁癖的前端框架，对效率有着极致般的追求</title>
    <meta name="description" content="基于原生javascript开发的，轻量级前端应用框架，拥有丰富的UI组件库，功能组件。同时集成了涵盖众多业务场景的SDK，即插即用。AI Coding">
    <link rel="icon" href="LOGO.ico">
    <script type="text/javascript" src="./tool/LogWatcher.js?t=2024083101" appId="e3649ca5-1e5d-44a1-9bc7-38f22cb783d3" appAuth="BASIC d2ViMWYxNWVhYTU1NDEyNDUzOGI4M2VmMjNiOGRhZWQyYjA6NjZlNzkwZDQtOGY2MC00OWI2LTg4M2MtODBlNTFhYWVhODcz" token="Redjs"></script>
</head>
<body style="margin-left: 50px; margin-right:50px;background-color:  rgb(244 247 243);">
<p style="float: right;">
    <span style="color:grey;font-size:80%;"><a href="./example/index.html">Example</a></span>&nbsp; &nbsp; &nbsp;
    <span style="color:grey;font-size:80%;"><a href="./demo/index.html">DEMO</a></span>&nbsp; &nbsp; &nbsp;
    <span ><a href="./doc/index.html">查看帮助</a></span>

</p>
<p>
    <span style="display: inline-block;font-size: 300%;">Red<span style="color: red;">js</span>&nbsp;5.0</span><span style="display: inline-block;font-size: 80%;color: #8B98AB">&nbsp;&nbsp;当前版本号</span> 
</p>
 
<h2 style="display: inline-block;">Redjs设计愿景</h2> <span style="color: #8B98AB;">&nbsp;&nbsp;&nbsp;&nbsp;作者：杜一</span>

<p style="color: red;">「对效率有着极致般的追求」</p>
<p>1、AI时代，初心不改，起飞</p>
<p>2、当年纯朴的想法:通过面向对象封装技术，降低对前端开发员的html、js、css技术要求，通过复用、可移植技术，提高开发web项目前端开发效率。</p>

<p></p>
<h3>Redjs5.0</h3>
<p>
<ul>1、面向AI场景，实现基于redjs框架AI coding，输出即可用</ul> 
<ul>2、实现门户网站AI开发100%可用，一键发布</ul>
<ul>3、实现电商网站AI开发100%可用，一键发布</ul>
</p>
<h3>Redjs4.0</h3>
<p>
<ul>1、支持模板渲染，应用在表格列模版和模板页面的渲染</ul>
<ul>2、进一步分离数据读写及页面布局</ul>
<ul>3、业务实现插件化，即插即用</ul>
<ul>4、大量产出可商用sdk和功能组件，包括：电商领域，ERP领域，内容管理等数字化转型场景</ul>
</p>

<h3>Redjs3.0</h3>
<p>
<ul>1、要在现实redjs1.0、redjs2.0所有功能的基础上，提高框架的易用性，降低框架使用前的培训成本。</ul>
<ul>2、创新性的以js prototype技术实现的js面向对象的开发。</ul>
<ul>3、redjs 借鉴了extjs设计面向对象思想，通过提高前端页面开发过程中布局效率和复用效率来提高整个项目的开发效率。</ul>
<ul>4、引入插件（plugin）机制，在项目中可以轻松地集成其他第三方技术，为项目实现提供更多可选方案。</ul>
<ul>5、为了在类定义时，语法能够更加优美，引入了函数注入机制。</ul>
<ul>6、在类型定义使用 static 关键模拟类静态方法，在类型加载前被执行，ex:static:function(){};</ul>
<ul>7、在Rsd.define()中引入回调机制，模拟实现了类定义后静态方法。</ul>
<ul>8、解决一个重要的继承问题：在派生类中使用基类定义的属性时，当属性值为引用类型，此时对派生类对象属性的进行修改时，会导致基类对象的属性同步被修改。</ul>
</p>

<h3>Redjs2.0</h3>
<p>在1.0版本的基础上，引入了命名空间机制，重新设计了框架目录结构并支持框架资源的动态加载到浏览器中。</p>

<h3>Redjs1.0</h3>
<p>借鉴了extjs设计面向对象思想，实现了js面向对象开发，通过提高代码的复用性，实现了开发效率的提高。不考虑框架文件动态加载，一次性将整个框架文件加载到浏览器中。</p>



<div style=" position: absolute;top:100px;right:50px;width:200px;height: 200px;">
    <div style="display: inline-flex;margin: 0 auto;width: 200px;height:200px;background-image: url(./resources/images/redjsmp.jpg);background-repeat: no-repeat;background-position:center;background-size: 110%;"></div>
    <span style="color: red;line-height: 30px;font-size: 80%;;"><u>更多资料，关注微信公众号：redjs</u></span>
</div>
    <div style="float: center; display: inline-flex; position: relative; text-align: center;line-height: 110px;">
        <img src="./resources/images/redjs-large-icon.png" style="display: inline-block;position: relative;margin: 0 auto;height:80px;"></img>
        <span>版权所有 &copy; 2012-2025 </span> &nbsp;&nbsp;
        <span>redjs</span>&nbsp;&nbsp;&nbsp;
        <a href="https://beian.miit.gov.cn" style="color: transparent;" >苏ICP备2021010644号</a>
    </div> 
</body>
</html>